<#compress>
    <@override name="title">会员管理</@override>
    <@override name="viewcss">

    <link href="${ctx}/static/scripts/plugins/bootstrap-modal/css/bootstrap-modal-bs3patch.css" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/static/scripts/plugins/bootstrap-modal/css/bootstrap-modal.css" rel="stylesheet" type="text/css"/>

    </@override>
    <@override name="viewbody">
    <div class="row">
        <div class="col-md-12">
            <h3 class="page-title">
                会员管理
                <small>会员信息维护.</small>
            </h3>
            <ul class="page-breadcrumb breadcrumb">
                <li>
                    <i class="fa fa-home"></i>
                    <a href="${ctx}/admin/home"> 首页 </a>
                    <i class="fa fa-angle-right"></i>
                </li>
                <li><a href="#"> 会员管理 </a></li>
            </ul>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="portlet box light-grey">
                <div class="portlet-title">
                    <div class="caption"><i class="fa fa-users"></i>会员一览表</div>
                </div>
                <div class="portlet-body">
                    <div class="table-toolbar">
                        <div class="btn-group">
                            <a id="floor_create" href="${ctx}/admin/member/create" class="btn default green-stripe">
                                新增 <i class="fa fa-plus"></i>
                            </a>
                            <a id="floor_batch_delete" class="btn default yellow-stripe batchdelete"
                               data-action="${ctx}/admin/member/remove" data-tables="#parking-list"
                               data-message="您确认删除所选择的会员数据么？">
                                删除 <i class="fa fa-ban"></i>
                            </a>
                        </div>
                        <div class="btn-group pull-right">

                            <button class="btn">
                                <span id="import_file_upload"></span>
                            </button>
                            <button class="btn default green-stripe" id="import_btn">
                                <span id="import_integral_upload"></span>
                            </button>
                        </div>
                    </div>
                    <table class="table table-striped table-bordered table-hover" id="member-list">
                        <thead>
                        <tr>
                            <th width="30"><input type="checkbox" name="checkall"></th>
                            <th width="30">序号</th>
                            <th style="display: none;">ID</th>
                            <th>会员名称</th>
                            <th>身份证号</th>
                            <th width="30">性别</th>
                            <th>卡号</th>
                            <th>出生年月</th>
                            <th>手机号</th>
                            <th>会员等级</th>
                            <th>微信号</th>
                            <th>中南币</th>
                            <th>积分</th>
                            <th>状态</th>
                            <th>是否活跃</th>
                            <th style="text-align: center" width="160">操作</th>
                        </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                </div>

            </div>
        </div>
    </div>
    <div id="import_status_modal" class="modal fade" tabindex="-1" data-focus-on="input:first">
        <div class="modal-header">
            <h4 class="modal-title" id="import_title">导入进度</h4>
        </div>
        <div class="modal-body">
            <div class="scroller" id="load_scroller" style="height:200px">
                <ol id="load_status"></ol>
            </div>
        </div>
        <div class="modal-footer">
            <button type="button" data-dismiss="modal" class="btn btn-default" id="ok_import_btn" disabled>导入中...</button>
        </div>

    </div>

    <#--Template-->
    <script id="action_template" type="text/x-handlebars-template">
        <a href="${ctx}/admin/stat/integral?member.id={{id}}" class="btn default purple-stripe" title="积分流水">
            <i class="fa fa-list-ul"></i>
        </a>
        <a href="${ctx}/admin/stat/currency?member.id={{id}}" class="btn default dark-stripe" title="中南币流水">
            <i class="fa fa-money"></i>
        </a>
        <a href="${ctx}/admin/member/edit/{{id}}" class="btn default blue-stripe" title="编辑">
            <i class="fa fa-edit"></i>
        </a>
        <a href="javascript:void(0);" class="btn default yellow-stripe" title="删除" data-hook="remove-action"
           data-action="${ctx}/admin/member/remove?DATA={{id}}">
            <i class="fa fa-trash-o"></i>
        </a>
    </script>

    <script id="status_tmplate" type="text/x-handlebars-template">
        {{#each line_data}}
        <li id="i_{{line}}">第<span class="badge badge-info">{{line}}</span>条、卡号为<span
                class="badge badge-info badge-roundless">{{card}}</span>的会员数据，<span class="label label-default">{{message}}</span></li>
        {{/each}}
    </script>
    </@override>

    <@override name="viewparams">
    g.actiontpl = '#action_template';
    g.statustpl = '#status_tmplate';
    </@override>

    <@override name="viewmodule">member_list</@override>
    <@extends name="../_basic/main.ftl"></@extends>
</#compress>